<!--页面主要内容-->
<main class="lyear-layout-content">

	<div class="container-fluid p-t-15">

		<div class="row">
			<div class="col-lg-12">
				<div class="card">
					
					<div class="card-toolbar d-flex flex-column flex-md-row">
						<div class="toolbar-btn-action">
							<a class="btn btn-primary m-r-5" href="{:url('admin/product/productadd')}"><i class="mdi mdi-plus"></i>新增</a>
							<a class="btn btn-danger del" href="#!"><i class="mdi mdi-window-close "></i>删除</a>
						</div>

						<form class="search-bar ml-md-auto" method="get" action="#!" role="form">
							<input type="hidden" name="search_field" id="search-field" value="title" />
							<div class="input-group ml-md-auto">
								<div class="input-group-prepend">
									<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"
										aria-haspopup="true" aria-expanded="false" id="search-btn">标题</button>
									<div class="dropdown-menu" style="">
										<a class="dropdown-item" href="#!" data-field="title">标题</a>
										<a class="dropdown-item" href="#!" data-field="cat_name">栏目</a>
									</div>
								</div>
								<input type="text" class="form-control" name="keyword" placeholder="请输入名称">
							</div>
						</form>
					</div>
					<div class="card-body">

						<div class="table-responsive">
							<table class="table table-bordered">
								<thead>
									<tr style="text-align: center;">
										<th>
											<div class="custom-control custom-checkbox">
												<input type="checkbox" class="custom-control-input" id="check-all">
												<label class="custom-control-label" for="check-all"></label>
											</div>
										</th>
										<th>商品ID</th>
										<th>商品昵称</th>
										<th>商品价格</th>
										<th>商品库存</th>
										<th>商品分类</th>
										<th>商品状态</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody style="text-align: center;">
									{foreach $Productlist as $item}
									<tr>
										<td>
											<div class="custom-control custom-checkbox">
												<input type="checkbox" class="custom-control-input ids" name="ids[]"
													value="{$item.id}" id="{$item.id}">
												<label class="custom-control-label" for="{$item.id}"></label>
											</div>
										</td>
										<td>{$item['id']}</td>
										<td>{$item['name']}</td>
										<td>{$item['price']}</td>
										<td>{$item['stock']}</td>
										<td>
											{if condition="$item['typeid'] == 1"}
											<span class="badge badge-success">桌子</span>
											{elseif condition="$item['typeid'] == 2"}
											<span class="badge badge-success">椅子</span>
											{elseif condition="$item['typeid'] == 3"}
											<span class="badge badge-success">抽屉</span>
											{elseif condition="$item['typeid'] == 4"}
											<span class="badge badge-success">沙发</span>
											{elseif condition="$item['typeid'] == 5"}
											<span class="badge badge-success">橱柜</span>
											{elseif condition="$item['typeid'] == 6"}
											<span class="badge badge-success">灯饰</span>
											{elseif condition="$item['typeid'] == 7"}
											<span class="badge badge-success">电视柜</span>
											{elseif condition="$item['typeid'] == 8"}
											<span class="badge badge-success">床</span>
											{/if}
										</td>
										<td>
											{if condition="$item['flag'] == 1"}
											<span class="badge badge-success">新品</span>
											{elseif condition="$item['flag'] == 2"}
											<span class="badge badge-success">热销</span>
											{elseif condition="$item['flag'] == 3"}
											<span class="badge badge-success">推荐</span>
											{/if}
										</td>
										<!-- <td>
											<img style="border-radius: 50%;" width="50" height="50" src="{$item['cover'] ? $item['cover'] : '/static/home/images/avatar/default.png'}" />
										</td> -->
										
										<td>
																  
											<div class="btn-group">
												<a class="btn btn-xs btn-default" href="{:url('admin/product/upproduct',['id'=>$item.id])}" title="" data-toggle="tooltip" data-original-title="编辑"><i class="mdi mdi-pencil"></i></a>
												<a class="btn btn-xs btn-default ajax-get confirm del" data-id="{$item.id}" href="#" title="" data-toggle="tooltip" data-original-title="删除"><i class="mdi mdi-window-close"></i></a>
											</div>
										</td>
										
									</tr>
									{/foreach}

								</tbody>
							</table>
						</div>

						<!-- 分页 -->
						{$Productlist->render()}

					</div>
				</div>
			</div>

		</div>

</main>
<!--End 页面主要内容-->
<script type="text/javascript">
	function GetId() {
		// 存放id的数组
		let list = []

		$('input[name="ids[]"]:checked').each(function() {
			// console.log(item);
			list.push($(this).val())
		})

		return list
	}

	layui.use(['layer'], function() {
		layer = layui.layer
		
		// 删除分类
		$('.del').click(function() {
		
			let id = $(this).data('id');
			
			let str = GetId().join(',');
		
			$.ajax({
				type: 'post',
				url: `{:url('admin/product/delproduct')}`,
				data: {
					id,
					str
				},
				dataType: 'json',
				success: function(res) {
					if (res.code === 1) {
						layer.msg(res.msg, {
							icon: 1
						}, function() {
							location.href = 'product';
						})
					} else {
						layer.msg(res.msg, {
							icon: 5
						})
					}
				}
			})
		
		})

	})
</script>
